<div>
  <!-- 面包屑导航 -->
  <el-breadcrumb scoped class="breadcrumb" separator-class="el-icon-arrow-right">
    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>权限管理</el-breadcrumb-item>
    <el-breadcrumb-item>权限列表</el-breadcrumb-item>
  </el-breadcrumb>
  <!-- 权限列表 -->
  <el-table ref="rights" :data="rightsData" highlight-current-row style="width: 100%">
    <el-table-column type="index" width="50" :index="indexMethod">
    </el-table-column>
    <el-table-column property="authName" label="权限名称" width="180">
    </el-table-column>
    <el-table-column property="path" label="路径" width="180">
    </el-table-column>
    <el-table-column property="level" label="等级">
      <template slot-scope="scope">
        <span v-if="scope.row.level == 0">一级</span>
        <span v-else-if="scope.row.level == 1">二级</span>
        <span v-else="scope.row.level == 2">三级</span>
      </template>
    </el-table-column>
  </el-table>
</div>
